<template>
<div>
	<!--头部-->
	<div class="xiang-top">
		<a href="#/Meishi"><img class="xiang-jian" src="../assets/img/duanhuowang/zuo.png" alt=""/></a>
		<span class="xiangpin">健康美味兼得的布尔本</span>
		<a><img class="xiang-fan" src="../assets/img/duanhuowang/fan.png" alt=""/></a>
	</div>
	<!--食物大图-->
	<img class="shiri" src="../assets/img/shouye/benzhou/9_3.png" alt=""/>
	<!--食物介绍-->
	<div	 class="shiwen">
	<p class="shizi">日本著名糕点品牌Bourbon布尔本，成立于1924年，是日本零食十强之一。制作的曲奇和糕点系列，品质远胜于欧洲传统西点，做工研究、精致、高贵、时尚、健康是Bourbon一贯的严谨作风，其北日本系列礼盒更是夺得了销售冠军，相当受欢迎。</p>
	</div>
	<!--粉色背景-->
	<div v-for="cc in 3" class="qjk">
	<div class="fense">
		<!--曲奇礼盒-->
		<div class="quqi">
		<!--饼干-->
		<div class="shileft"><img class="binggan" src="../assets/img/shouye/chaozhi/quqi.png" alt=""/></div>
		<!--标题-->
		<div class="shiright">
		<h1 class="qubiao">最受欢迎曲奇礼盒系列</h1>
		<!--饼干介绍-->
		<p class="qujie">日本本土国内受欢迎的曲奇点心，浓浓的牛油味，饼干的酥脆和可可牛奶的美妙结合，咬下去，满满幸福感。礼盒装有三种不同口味，一盒里约54枚，布尔本家产品，礼盒包装无论是送人还是留着自己下午茶，都非常合适。</p>
		</div>
	  </div>
	</div>
	<!--曲奇礼盒单品介绍-->
	<div v-for="bb in 3">
	<div class="danqu">
		<div class="ktimg">
		<img class="kitty" src="../assets/img/shouye/chaozhi/cat.png" alt=""/>
		</div>
		<div class="ktwen">
		<p class="kzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="bmongy">￥12.90</p>
		<p class="qiang">立即购买</p>
		</div>
	</div>
	<!--右边-->
	<div class="rdanqu">
		<div class="rktimg">
		<img class="rkitty" src="../assets/img/shouye/chaozhi/cat.png" alt=""/>
		</div>
		<div class="rktwen">
		<p class="rkzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="rbmongy">￥12.90</p>
		<p class="rqiang">立即购买</p>
		</div>
	</div>
 </div>
 </div>
</div>
</template>

<script>
</script>

<style>
	.xiang-top {
		position: fixed;
		top: 0;
		left: 0;
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		z-index: 5;
	}
	
	.xiangpin {
		color: white;
		font-size: 3.6rem;
		text-align: center;
		padding: 0 11rem;
		font-weight: 200;
	}
	
	.xiang-jian {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	.xiang-fan {
		width: 3.6rem;
		height: 3.4rem;
	}
	/*头部图*/
	.shiri{
		width: 100%;
		height: 40.5rem;
		margin-top: 9.6rem;
	}
	/*介绍图食物*/
	.shiwen{
		width: 100%;
		height: 24rem;
		background: #ffcd2c;
		font-size: 2.8rem;
		color:#4D4D4D;
		margin-bottom: 2rem;
	}
	.shizi{
		width: 65.3rem;
		padding:2rem 0 0rem 3rem;
	}
	.qjk{
		width: 100%;
		height: 180rem;
		margin-top: 2rem;
	}
	/*粉色背景*/
	.fense{
		width: 100%;
		height: 38rem;
		background:#fdf3f1;
		padding:2rem;
		margin-bottom: 2rem;
	}
	/*曲奇礼盒*/
	.qb{
		width: 100%;
	}
	.quqi{
		width: 68rem;
		height:38rem;
		background: #FFFFFF;
	}
	.shileft{
		width: 20rem;
		height: 34rem;
		padding:2rem;
		float:left;
	}
	.binggan{
		width: 100%;
		height: 100%;
	}
	.shiright{
		width: 42rem;
		height: 36rem;
		padding:2rem 0 0 2rem;
		float:left;
	}
	.qubiao{
		font-size: 3rem;
		color:#4e1f1d;
		padding-bottom: 2rem;
	}
	.qujie{
		font-size: 2.4rem;
		color:#4d4d4d;
	}
	/*单个曲奇🍪*/
	.danqu{
		width: 33rem;
		height: 44rem;
		background: #FFFFFF;
		margin:0 2rem;
		text-align: center;
		float:left;
	}
	.ktimg,.rktimg{
		width: 100%;
		height: 26.3rem;
		border-bottom: 0.1rem solid #A9A9A9;
	}
	.kitty,.rkitty{
		width: 17.2rem;
		height: 17.2rem;
		margin:4.6rem 0;
	}
	.ktwen,.rktwen{
		width: 100%;
		height: 17.6rem;
	}
	.kzi,.rkzi{
		width: 30rem;
		font-size: 2.4rem;
		padding: 1.5rem 0 0.5rem 2rem;
		text-align: left;
		color:#4d4d4d;
	}
	.bmongy,.rbmongy{
		font-size: 2.4rem;
		color:red;
	}
	.qiang,.rqiang{
		font-size: 1.8rem;
		width: 21.8rem;
		height: 3rem;
		background: red;
		border-radius: 1.5rem;
		color:white;
		margin:auto;
		margin-top: 1rem;
		font-weight: 200;
	}
	/*右*/
	.rdanqu{
		width: 33rem;
		height: 44rem;
		background: #FFFFFF;
		text-align: center;
		margin:0 2rem 1rem 0;
		float:left;
	}
</style>